<%@ page language="java" import="java.util.*" pageEncoding="utf-8"  isELIgnored="false"%>
<%@ include file="../tag.jsp"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>IT园</title>
<meta name="Keywords" content="">
<meta name="description" content="">
<%@ include file="../css-common.jsp"%>
<link href="css/star.css" rel="stylesheet" type="text/css">
<%@ include file="../base.jsp"%>
<script src="js/expose.js"></script>
<script src="js/star.js"></script>
<%@ include file="../alert-common.jsp"%>
<%@ include file="../window-common.jsp"%>
<style type="text/css">
.yc_content_inner {
	min-height: 500px;
}

ul li {
	line-height: 30px;
}

#file ul li {
	float: left;
	padding-left: 15px;
}

#file ul li:first-child {
	padding-left: 0;
}

.result {
	border: 1px solid #D4E8C3;
	background: #DEF0D8;
	float: left;
	margin-top: 25px;
	width: 360px;
}
</style>
</head>
<body>
	<jsp:include page="/expose/top.jsp"></jsp:include>
	<div class="yc_container">
		<div class="yc_content_inner">
			<div style="float: left;">
				<div
					style="float: left; margin-top: 3px; margin-right: 8px; width: 45px; height: 77px; border-bottom: 1px dashed #3D8FCB;">
					<img alt="${rf.resourceTitle }" src="images/${rf.fileType }.png">
				</div>
				<div
					style="float: left; height: 80px; width: 720px; border-bottom: 1px dashed #3D8FCB;">
					<div style="font-size: 15px; font-weight: bold; height: 25px;">
						${rf.resourceTitle }</div>
					<div style="font-size: 13px; height: 25px;">
						${rf.resourceDescription }</div>
					<div id="file" style="font-size: 13px; height: 25px;">
						<ul>
							<li>下载: ${rf.downloadCount }次</li>
							<li>文件大小: ${rf.resourceSize }</li>
							<li>上传时间: <fmt:formatDate value="${rf.uploadDate }"
									type="both" pattern="yyyy-MM-dd HH:mm:ss" /></li>
							<li>下载所需积分:${rf.score }</li>
						</ul>
					</div>
				</div>
				<div style="font-size: 12px; height: 40px; width: 720px;">
					<div style="float: left; margin-top: 5px;">
						<ul style="float: left; width: 200px;">
							<c:forEach begin="1" end="${rf.commentScore }" var="start">
								<li style="float: left; margin-right: 2px;"><img
									src="images/light.png"></li>
							</c:forEach>
							<c:forEach begin="1" end="${5-rf.commentScore }" var="start">
								<li style="float: left; margin-right: 2px;"><img
									src="images/gray.png"></li>
							</c:forEach>
						</ul>
						<div class="resource-comm">
							<a href="javascript:download();" id="downlod">下载</a> <a
								href="javascript:void(0);" onclick="star();" id="comment">评论</a>
							<input type="hidden" value="${rf.id }" id="rfId"> <a
								href="javascript:void(0);" onclick="collection();" id="shoucang">收藏</a>
						</div>
					</div>
				</div>
			</div>
			<div style="float: left; border: 1px solid #EEEEEE; width: 344px; height: 330px; margin-left: 28px;">
				<div
					style="width: 100%; font-size: 15px; background: #F9F9F9; font-family: 微软雅黑; border-bottom: 1px solid #EEEEEE; height: 35px; line-height: 35px; text-align: center; margin-right: 2px;">
					<span style="font-weight: bold; font-size: 14px;">相似资源</span>
				</div>
				<div>
					<ul>
						<c:forEach items="${rfsList }" var="rfList">
							<li><a href="expose/resource/detail?id=${rfList.id }">${rfList.resourceTitle }</a></li>
						</c:forEach>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<jsp:include page="/expose/bottom.jsp"></jsp:include>
	<form action="" id="resourceComment">
		<div id="star-popDiv" class="star-mydiv" style="display: none;">
			<div class="star-titleDiv">
				&nbsp;&nbsp;友情提示-评价<a class="star-close" href="javascript:void(0);"
					onclick="javascript:closeDiv();"><img src="images/X.png"></a>
			</div>
			<div>
				<div style="margin-left: 0px;" id="star-div">
					<img src="images/gray.png" /> <img src="images/gray.png" /> <img
						src="images/gray.png" /> <img src="images/gray.png" /> <img
						src="images/gray.png" /> <span></span>
				</div>
				<br> <input type="hidden" id="resourceId" name="resourceId"
					value="${rf.id }"> <input type="hidden" id="commentScore"
					name="commentScore">
				<textarea rows="4" cols="40" name="commentContent"
					style="float: left;"></textarea>
				<br>
				<br>
				<div style="width: 300px; background: blue;">
					<button onclick="startComment(); return false;"
						style="text-align: center; float: left; border: 1px solid #B9E8F0; background: #D9EDF6; width: 60px; height: 30px; line-height: 30px;">确定</button>
				</div>
				<span id="comment-result"></span>
			</div>
		</div>
		<div id="star-bg" class="star-bg" style="display: none;"></div>
	</form>
</body>
</html>
